<template>
	<view class="">
		<view class="pro_warp" v-if="info.product && info.product.length != 0">
			<view class="li_warp" v-for="(item,index) in info.product" :key="index">
				<image class="pro_img" :src="item.product.img" mode=""></image>
				<view class="cell_con">
					<view class="cell_con_top">
						<view class="contitle">{{item.product.name}}</view>
					</view>
					<!-- <view class="context">商品名称：{{item.product?item.goods.name:''}}</view> -->
					<view class="context">单位：{{item.product.unit?item.product.unit:''}}</view>
					<view class="info_l">
						<view class="context">数量：{{item.number}}</view>
					</view>
					<view class="context">零售价：￥{{item.price}}</view>
					<view class="context">批发价：￥{{item.wholesale}}</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		props:{
			info:{
				type:Object,
				default:{}
			}
		},
		data() {
			return{
				
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	.pro_warp{
		padding:30rpx 24rpx;
		background:#fff;
		margin-bottom:24rpx;
		.li_warp{
			padding-bottom:24rpx;
			margin-bottom:24rpx;
			border-bottom:1rpx solid #f5f5f5;
			display: flex;
			justify-content: flex-start;
			align-items: center;
			position: relative;
			.pro_status{
				font-size:26rpx;
				color:#007AFF;
				position: absolute;
				right:35rpx;
				top:10rpx;
			}
			.pro_img{
				width:160rpx;
				height:160rpx;
				flex-shrink: 0;
				margin-right:24rpx;
			}
			.cell_con{
				padding:0 40rpx 0 0;
				flex:1;
				.cell_con_top{
					display: flex;
					justify-content: space-between;
					align-items: center;
					.contitle{
						font-size:28rpx;
						color:#333;
					}
				}
				.context{
					font-size:26rpx;
					color:#999;
					margin-top:10rpx;
				}
				.info_l{
					display: flex;
					justify-content: space-between;
					align-items: center;
					.context{
						font-size:26rpx;
						color:#999;
						margin-right:24rpx;
						&:last-child{
							margin-right:0;
						}
					}
				}
				.con_info{
					margin-top:15rpx;
					.contitle{
						font-size:26rpx;
						color:#333;
					}
					.config_li{
						display: flex;
						justify-content: flex-start;
						align-items: center;
						margin-top:24rpx;
						border-bottom:1rpx solid #f5f5f5;
						&:last-child{
							border-bottom:0;
						}
						.conimg{
							width:80rpx;
							height:80rpx;
							border-radius: 10rpx;
							margin-right:20rpx;
						}
						.config_name{
							width:100rpx;
							font-size:24rpx;
							color:#333;
							overflow: hidden;
							text-overflow:ellipsis;
							white-space: nowrap;
						}
						.config_step{
							margin-left:24rpx;
						}
					}
				}
				.conbot{
					margin-top:10rpx;
					display: flex;
					justify-content: space-between;
					align-items: center;
					.conmoney{
						font-size:26rpx;
						color:#333;
					}
				}
			}
		}
	}
</style>